<template>
  <div class="sdk-doc-content">
    <components ref="codeTemplate" v-bind:is="codeTemplate" />
  </div>
</template>

<script>
import mainStart from "./mixin/main/start/doc/index.vue";
import mainEvent from "./mixin/main/event/doc/index.vue";
import metricScale from "./mixin/draw/metricScale/doc/index.vue";
import drawTool from "./mixin/draw/drawTool/doc/index.vue";
import mapSetting from "./mixin/draw/mapSetting/doc/index.vue";
import featurePoint from "./mixin/feature/point/doc/index.vue";
import featureLine from "./mixin/feature/line/doc/index.vue";
import featureArea from "./mixin/feature/area/doc/index.vue";
import baseShip from "./mixin/ship/baseShip/doc/index.vue";
import pointShip from "./mixin/ship/pointShip/doc/index.vue";
import realShip from "./mixin/ship/realShip/doc/index.vue";
import trajectoryDraw from "./mixin/track/trajectoryDraw/doc/index.vue";
import trajectoryAnimation from "./mixin/track/trajectoryAnimation/doc/index.vue";
import layerCenter from "./mixin/layer/layerCenter/doc/index.vue";
import layerDiy from "./mixin/layer/layerDiy/doc/index.vue";
import typhoon from "./mixin/weather/typhoon/doc/index.vue";
import weather from "./mixin/weather/weather/doc/index.vue";

export default {
  components: {
    mainStart,
    mainEvent,
    metricScale,
    drawTool,
    mapSetting,
    featurePoint,
    featureLine,
    featureArea,
    baseShip,
    pointShip,
    realShip,
    trajectoryDraw,
    trajectoryAnimation,
    layerCenter,
    layerDiy,
    typhoon,
    weather,
  },
  props: {
    codeTemplate: {
      default: "mainStart",
    },
  },
  data() {
    return {};
  },
};
</script>

<style scoped lang="scss">
.sdk-doc-content {
  overflow-x: hidden;
  overflow-y: scroll;
  height: calc(100vh - 55px - 30px);
  .doc-init {
    padding: 15px;
  }
}
</style>

<style>
b1 {
  color: #3182bd;
}
b2 {
  color: #b059fb;
}
b3 {
  color: #333333;
}
b4 {
  color: #c7254e;
}
</style>
